import Vue from 'vue'
Vue.directive('jujiao', {
  inserted (el) {
    // console.log(el)
    // 判断
    // 如果指令出现子啊原生的DOM 节点 el就是原生的DOM
    // console.log(el.tagName)
    // 通过标签名判断
    if (['INPUT', 'TEXTAREA'].includes(el.tagName)) {
      return el.focus()
    }

    // 如果指令在组件上（自定义标签）el就是当前组件的的跟标签

    let node = el.querySelector('input')
    if (node) {
      node.focus()
      return
    }
    node = el.querySelector('textarea')
    if (node) {
      console.log(node.nodeName)

      node.focus()
      return
    }
    throw new Error('el指令用错位置了')
  }
})
